<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/6/19
  Time: 19:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/jilupian.css" />
    <title>纪录片</title>
</head>
<body>
<div class="nav-top-wrap">
    <ul class="nav-top">
        <li class="nav">
            <a href="#">首页</a>
        </li>
        <li class="nav">
            <a href="#">海洋法</a>
        </li>
        <li class="nav">
            <a href="#"><img src="img/logo.png" "></a>
        </li>
        <li class="nav">
            <a href="#">走进海洋</a>
        </li>
        <li class="nav">
            <a href="#">个人中心</a>
        </li>
    </ul>
</div>
<img src="img/纪录片页面.png" style="width: 100%;height: 250px;"/><br><br><br>

<!--第一个-->
<div class="div2">
    <div id="name">
        <img src="img/海洋星球2.png" >
        <p>《蓝色星球2》</p>
        《蓝色星球2》整个制作周期历时四年，而大部分时间都用在了前期与相关专业项尖科学家一同的筹划准备……
    </div>
</div>

<!--第二个-->
<div class="div2">

    <div id="name">
        <img src="img/中菲南海争议.png">
        <p>《中菲南海争议》</p>
        本期节目的主要内容是：1、南海诸岛是中国固有领土：（1）中国对南海诸岛的主权……
    </div>
</div>

<!--第三个-->
<div class="div2">
    <div id="name">
        <img src="img/海洋.png">
        <p>《海洋》</p>
        自然界中，没有什么地方会比大海更让我们心驰向往，那里狂野令人印象深刻，但也充满无穷魅力……
    </div>
</div>

<!--第四个-->
<div class="div2">
    <div id="name">
        <img src="img/走向海洋.png">
        <p>《走向海洋》</p>
        失去了海洋，也就失去了家乡；失去了海洋，更将失去整个世界！《走向海洋》是国内首部历史……
    </div>
</div>

<!--第五个-->
<div class="div2">
    <div id="name">
        <img src="img/大白鲨的长途冒险旅程.png">
        <p>《大白鲨的长途冒险旅程》</p>
        大白鲨分布在全球各大洋，但多年……妮可带领他们展开惊奇而难以想象的旅程，跨越……
    </div>
</div>





</div>




</body>
</html>
